<div id="chessboard-area">
  <div id="commands">
    <a id="cmdNewGame" href="javascript:newGame()">New game</a>
    <a id="cmdBlack" href="javascript:chooseBlack()">Choose Black</a>
    <a id="cmdWhite" href="javascript:chooseWhite()">Choose White</a>
    <a id="cmdReady" href="javascript:Ready()">Ready</a>
    <a id="cmdNColor" href="javascript:ncolor()">Stand Up</a>
    <a id="cmdResign" href="javascript:resign()">Resign</a>
  </div>
  <div id="chessboard">
    <div id="black-player"></div>
      {{ chessboard }}
    <div id="white-player"></div>
  </div>
</div>
<div id="promotion">
  <fieldset>
    <legend>Promote to:</legend>
    <a href="javascript:promote('N');" class="promote-link">
      <img src="/img/fantasy_shad/wn.png" alt="wn" /><br />
      Knight
    </a>
    <a href="javascript:promote('B');" class="promote-link">
      <img src="/img/fantasy_shad/wb.png" alt="wb" /><br />
      Bishop
    </a>
    <a href="javascript:promote('R');" class="promote-link">
      <img src="/img/fantasy_shad/wr.png" alt="wr" /><br />
      Rook
    </a>
    <a href="javascript:promote('Q');" class="promote-link">
      <img src="/img/fantasy_shad/wq.png" alt="wq" /><br />
      Queen
    </a>
  </fieldset>
</div>
<div id="notifications">
  <div id="message">
    Notifications will be displayed here.
  </div>
  <div id="ok-button">
    <input type="button" class="ok-button" value="OK" onclick="javascript:hideNotify()" />
  </div>
</div>